<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="Template/css/index.css">
	<link rel="stylesheet" href="Template/css/register.css">
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="Template/public/bootstrap/css/bootstrap.min.css">
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="Template/public/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<!-- 顶部导航 -->
	<div id="top">
		<div class="top-nav">
			<div class="top-nav-l">
				<ul>
					{{if value="isset($_SESSION['user_id'])"}}
						<li>你好,欢迎来到海澜之家!</li>
						<li class="user">{{$_SESSION['user_id']}}
						</li>
						<li><a href="{{U('Member/Login/quit')}}">退出</a></li>
						{{else}}
						<li>你好,欢迎来到海澜之家!</li>
						<li class="l1"><a href="{{U('Member/Login/log')}}">请登录</a><span>|</span></li>
						<!-- <li class="l1">合作账号登录</li>
						<li class="l1">
						<a href=""><img src="images/sina.jpg" width="14px"></a>
						<a href=""><img src="images/qqimg.jpg" width="14px"></a>
						<a href=""><img src="images/taobaoimg.jpg" width="14px"></a>
						<span>|</span></li> -->
						<li class="l1"><a href="{{U('Member/Login/reg')}}">免费注册</a></li>
					{{endif}}

					<!-- <li>你好,欢迎来到海澜之家!</li>
					<li class="l1"><a href="{{U('Member/Login/log')}}">请登录</a><span>|</span></li>
					<li class="l1">合作账号登录</li>
					<li class="l1">
					<a href=""><img src="images/sina.jpg" width="14px"></a>
					<a href=""><img src="images/qqimg.jpg" width="14px"></a>
					<a href=""><img src="images/taobaoimg.jpg" width="14px"></a>
					<span>|</span></li>
					<li class="l1"><a href="{{U('Member/Login/reg')}}">免费注册</a></li> -->
				</ul>
			</div>
			<div class="top-nav-r">
				<ul>
					<!-- <li><a href="">我的海澜之家</a><span>|</span></li>
					<li><a href="">在线客服</a><span>|</span></li> -->
					<li><a href="">我的购物袋有0件商品</a></li>
					<!-- <li><a href="">帮助</a><span>|</span></li>
					<li></li> -->
				</ul>
			</div>
		</div>
	</div>
<!-- 顶部导航结束 -->
<!-- 顶部菜单 -->
<div id="category">
	<div class="category-img">
		<div class="cateimg-l">
			<a href=""><img src="Template/images/newgoods.png"></a>
			<a href=""><img src="Template/images/t.png"></a>
			<a href=""><img src="Template/images/chenshan.png"></a>
		</div>
		<div class="cateimg-c">
			<a href=""><img src="Template/images/newlogo.jpg"></a>
		</div>
		<div class="cateimg-r">
			<a href=""><img src="Template/images/paonan.jpg"></a>
		</div>
	</div>
	<div class="category-text">
		<div class="text-con">
			<dl>
				<dt><a href="{{U('Home/Index/index')}}">首页</a></dt>
				<dt><a href="">所有商品</a></dt>
				<dt><a href="">秋季新品</a></dt>
				<dt><a href="">夏季热卖</a></dt>
				<dt><a href="">长袖T恤</a></dt>
				<dt><a href="">夹克</a></dt>
				<dt><a href="">长袖衬衫</a></dt>
				<dt><a href="">针织衫/毛衫</a></dt>
				<dt><a href="">外套</a></dt>
				<dt><a href="">裤装</a></dt>
				<dt><a href="">配饰</a></dt>
			</dl>
		</div>
	</div>
</div>
<!-- 顶部菜单结束 -->

<!-- 注册区 -->
<div id="reg">
	<div class="top"><a href="">首页</a>  >  免费注册</div>
	<div class="mobile"><a href="javascript:void(0);">使用手机号码注册</a></div>
	<div class="biaodan">
		<form class="form-horizontal" method="post">
		  <div class="form-group">
		    <label for="" class="col-sm-2 control-label text">手机号:</label>
		    <div class="col-sm-10 length">
		      <input type="text" name="username" class="form-control" id="inputEmail3" placeholder="">
		    </div>
		  </div>
		  <div class="form-group">
		    <label for="" class="col-sm-2 control-label text">设定密码:</label>
		    <div class="col-sm-10 length">
		      <input type="password" name="password" class="form-control" id="inputPassword3" placeholder="">
		    </div>
		  </div>
		  <div class="form-group">
		    <label for="" class="col-sm-2 control-label text">确认密码:</label>
		    <div class="col-sm-10 length">
		      <input type="password" name="password_c" class="form-control" id="inputPassword3" placeholder="">
		    </div>
		  </div>
		  <div class="form-group">
		    <label for="" class="col-sm-2 control-label text">验证码:</label>
		    <div class="col-sm-10 yanzheng">
		      <input type="code" name="code" class="form-control" id="inputPassword3" placeholder="">
		      <img src="{{U('Member/Login/code')}}" alt="" id="verify-img" onclick="this.src='?m=Member&c=Login&a=code&'+Math.random()"/>
		    </div>
		  </div>
		  <div class="form-group">
		    <div class="col-sm-offset-2 col-sm-10">
		      <div class="checkbox">
		        <label>
		          <input type="checkbox"> 我已经阅读并接受 
		        </label>
		        <span>《<a href="">海澜之家服务条款</a>》</span>
		      </div>
		    </div>
		  </div>
		  <div class="form-group">
		    <div class="col-sm-offset-2 col-sm-10 return">
		      <button type="submit" class="btn btn-danger" style="width:80px;float:left;">提交</button>
		      <span><a href="login.html">返回登录</a></span>
		    </div>
		  </div>
		</form>
	</div>
</div>
<!-- 注册区结束 -->

<!-- 底部 -->
<div id="footer">
	<div class="footer-con">
		<div class="service">
			<ul>
				<li class="day"><img src="Template/images/footerimg1.jpg" alt=""><p>7天</p><span>无条件退货</span></li>
				<li class="free"><img src="Template/images/footerimg2.jpg" alt=""><p>全场免68元包邮</p></li>
				<li class="city"><img src="Template/images/footerimg3.jpg" alt=""><p>全国所有城市</p><span>快递上门服务</span></li>
			</ul>
		</div>
		<div class="text">
			<ul>
				<li><p>新手指南</p><a href="">用户注册</a><br/><a href="">找回密码</a><br/><a href="">服务条款</a></li>
				<li><p>购物指南</p><a href="">购物流程</a><br/><a href="">订单查询</a><br/><a href="">抵用券使用流程</a></li>
				<li><p>配送方式</p><a href="">配送城市和费用</a><br/><a href="">商品验货与签收</a></li>
				<li><p>支付方式</p><a href="">中国银联</a><br/><a href="">支付宝</a><br/><a href="">发票制度</a></li>
				<li><p>售后服务</p><a href="">退换货制度</a><br/><a href="">退换货流程</a><br/><a href="">退款方式</a><br/><a href="">隐私声明</a></li>
				<li class="hotline"><p>客户服务热线<span>(仅收市话费)</span></p><p class="line">400-892-2001</p>
				<p class="jia">加盟热线</p><p class="line">0510-86700308</p><br/><p class="line">0510-86125808</p>
				</li>
			</ul>
		</div>
	</div>
</div>
<!-- 底部结束 -->
</body>
</html>